<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 标题 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- 段落 -->
    <p>记者从工信部了解到，近年来我国算力产业规模快速增长，年增长率近30%，算力规模排名全球第二。</p>
    <p>工信部统计显示，截至去年底，我国算力总规模达到180百亿亿次浮点运算/秒，存力总规模超过1000EB（1万亿GB）。</p>
    <p>近年来，我国算力基础设施发展成效显著，梯次优化的算力供给体系初步构建，算力基础设施的综合能力显著提升。</p>
    <!-- 换行 -->
    优点：操作简单，这个方案和常规的备份恢复没有区别，注意备份时只对指定库做备份即可。<br>
    缺点：如果已经在同步的数据库数据量过大的情况下，恢复成本较高，如上图所示，假设 DB1 和 DB2 都是几百 G 的大小，做一次备份的成本相对较高。
    <!-- 列表 -->
    <ol>
        <li>javase</li>
        <li>mysql</li>
        <li>javaweb</li>
    </ol>
    <ul>
        <li>学不完</li>
        <li>根本学不完</li>
        <li>学无止境啊</li>
    </ul>
    <ol>
        <li>javase</li>
            <ul>
                <li>学不完</li>
                <li>根本学不完</li>
                <li>学无止境啊</li>
            </ul>
        <li>mysql</li>
        <li>javaweb</li>
    </ol>

    <ul>中国
        <li>陕西
            <ol>西安
                <li>雁塔</li>
                <li>临渭</li>
                <li>高新</li>
            </ol>
            <ol>渭南
                <li>大荔</li>
                <li>澄城</li>
                <li>蒲城</li>
            </ol>
            <ol>商洛
                <li>洛南</li>
                <li>商州</li>
            </ol>
        </li>
        <li>123</li>
    </ul>
    <!-- 超链接 -->
    <a href="http://www.baidu.com">百度</a>
    <a href="static/a/b/hello.html">跳转hello</a>

    <h3>表格标签</h3>
    <!-- 
        table:表格 根标签
        border:边框
        tr:一行
        td:一个单元格
        th:自带加粗和居中效果的td
        rowspan="行的数量" 第一行向下合并
        colspan="列的数量" 第一列向后合并
rowspan rowspan rowspan rowspan rowspan rowspan rowspan rowspan rowspan
colspan colspan colspan colspan colspan colspan colspan colspan colspan
border border border border border border border border border border 
style style style style style style style style style style style style
align align align align align align align align align align align align
center center center center center center center center center center  
href href href href href href href href href href href href href href

    table>tr>td=th(加粗居中)- - ->thead,tbody,tfoot可以省略,tr可以平替 没啥区别
    -->
    <table border="1" style="width: 400px;">
        <tr>
            <th>排名</th>
            <th>姓名</th>
            <th>分数</th>
        </tr>
        <tr>
            <td>1</td>
            <td>张小明</td>
            <td>100</td>
        </tr>
        <tr>
            <td>2</td>
            <td>李小东</td>
            <td>99</td>
        </tr>
        <tr>
            <td>3</td>
            <td>王小虎</td>
            <td>98</td>
        </tr>
    </table>

    <hr>
    <h1 align="center">员工技能竞赛评分表</h1>
    <table border="1" style="margin: 0 auto;">
            <tr>
                <th>排名</th>
                <th>姓名</th>
                <th>分数</th>
                <th>备注</th>
            </tr>
            <tr>
                <td>1</td>
                <td>张小明</td>
                <td>100</td>
                <td>前三名升职加薪</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李晓东</td>
                <td>99</td>
                <td>前三名升职加薪</td>
            </tr>
            <tr>
                <td>3</td>
                <td>王小虎</td>
                <td>98</td>
                <td>前三名升职加薪</td>
            </tr>
            <tr>
                <td>总人数</td>
                <td>2000</td>
                <td>2000</td>
                <td>前三名升职加薪</td>
            </tr>
            <tr>
                <td>平均分</td>
                <td>90</td>
                <td>90</td>
                <td>前三名升职加薪</td>
            </tr>
            <tr>
                <td>及格率</td>
                <td>80%</td>
                <td>80%</td>
                <td>前三名升职加薪</td>
            </tr>
    </table>

    <hr>
    <h1 align="center">员工技能竞赛评分表</h1>
    <table border="1" style="margin: 0 auto;">
            <tr>
                <th>排名</th>
                <th>姓名</th>
                <th>分数</th>
                <th>备注</th>
            </tr>
            <tr>
                <td>1</td>
                <td>张小明</td>
                <td>100</td>
                <td rowspan="6">前三名升职加薪</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李晓东</td>
                <td>99</td>
                <!-- <td>前三名升职加薪</td> -->
            </tr>
            <tr>
                <td>3</td>
                <td>王小虎</td>
                <td>98</td>
                <!-- <td>前三名升职加薪</td> -->
            </tr>
            <tr>
                <td>总人数</td>
                <td colspan="2">2000</td>
                <!-- <td>2000</td> -->
                <!-- <td>前三名升职加薪</td> -->
            </tr>
            <tr>
                <td>平均分</td>
                <td colspan="2">90</td>
                <!-- <td>90</td> -->
                <!-- <td>前三名升职加薪</td> -->
            </tr>
            <tr>
                <td>及格率</td>
                <td colspan="2">80%</td>
                <!-- <td>80%</td> -->
                <!-- <td>前三名升职加薪</td> -->
            </tr>
    </table>
    <hr><br>

    <form action="" align="center">
        <h3>用户信息登记</h3>
        用户名: <input type="text" name="username"><br>
        密码:  <input type="password" name="password"><br>
        性别:<input type="radio" name="gender" value="man" checked>男
            <input type="radio" name="gender" value="woman">女<br>
        爱好: <input type="checkbox" name="hobby" value="sing" checked>唱
            <input type="checkbox" name="hobby" value="jump">跳
            <input type="checkbox" name="hobby" value="rap">rap
            <input type="checkbox" name="hobby" value="basketball">打篮球<br>
        城市:<select name="city" id="">
            <option value="" selected>请选择</option>
            <option value="xian">西安</option>
            <option value="weinan">渭南</option>
            <option value="xianyang">咸阳</option>
            <option value="shangluo">商洛</option>
        </select><br>
        个人介绍: <textarea type="introduce" name="text" cols="10" rows="5" ></textarea><br>

        <input type="hidden" name="postalCode" value="711111">



        <input type="submit" value="提交">
        <input type="reset" value="重置">
        <input type="button" value="摆设按钮">


<!-- 
    h1~h6 ->标题标签
    p ->段落标签
    br ->换行
    hr ->换行线
    img ->图片
    video ->视频
    table ->表格
        tr>td=th(加粗居中)
    form ->表单
        input ->输入框
            text ->普通输入框
            password ->密码,输入内容变为黑点
            radio ->单选框
            checkbox ->复选框
            hidden ->隐藏
            submit ->提交
            button ->普通按钮
            reset ->重置
        select ->下拉列表最外层双标签
            option ->下拉列表选项
        trxtarea ->长文本框
            introduce
        





-->













    </form>
</body>
</html>